import React, { Component } from 'react'
import Icon from 'react-native-vector-icons/FontAwesome';
import { ScrollView, View, StyleSheet, Text, TouchableOpacity, FlatList, Image, Dimensions, Animated, } from 'react-native'
import { pxPage } from '../../../common/CommonUtil'
import { throttle, globalColor } from '../../../common/Common'
import { Header } from 'react-native-elements';

const Offlinecaching = (props) => {
    return (
        <>
            <Header
                placement="left"
                backgroundColor='#fea6c4'
                leftComponent={
                    <TouchableOpacity onPress={() => { props.navigation.goBack() }}>
                        <Image
                            source={require('../../../common/icon/返回.png')}
                            style={{
                                height: pxPage(25),
                                width: pxPage(25),
                                marginLeft: pxPage(15),
                            }} />
                    </TouchableOpacity>
                }
                centerComponent={{
                    text: '离线缓存', style: {
                        color: '#fff', fontSize: 16, fontWeight: 'bold'
                    }
                }}
                rightComponent={{ text: '编辑', style: { color: '#fff', fontSize: 16, marginTop: pxPage(5) } }}
            />
            <Image
                source={require('../../../common/icon/离线缓存.jpg')}
                style={{
                    height: pxPage(420),
                    width: '100%',
                    justifyContent: 'center',
                    alignContent: 'center'
                }} />
        </>
    )
}

export default Offlinecaching
